<template>
  <div>

  </div>
</template>

<script>
import bus from '@/lib/bus'

export default {
  name: "",
  data() {
    return {
      vrReady:false,
      showWaitingText:true,
      keyupCallback:null
    };
  },
  created(){
      this.declarePageName();
      this.setState_Initial();
  },
  mounted() {
    
  },
  methods: {
    setState_Initial(){
      bus.$emit('close-sphere');
      bus.$emit('toggle-toolbar-sphere','close');
      bus.$emit('open-toolbar');
      bus.$emit('open-top');
    },
    declarePageName(){
      bus.$emit("set-sphere-actived", null);
    }
  },
};
</script>

<style scoped>
#video-wrapper {
  position: fixed;
  background-size:contain;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 15000;
}
.cinema {
  position: fixed;
  left: 0;
  top: 0;
}
.text-bottom{
  position: fixed;
  bottom:200px;
  font-family: 'pf-m';
  font-size: 20px;
  text-shadow: 0 5px 7px 13px #00000099;
  color:white;
  letter-spacing: 1.5em;
  width:100%;
  text-align: center;
  animation: blink 3s infinite alternate ease-in-out;
}
@keyframes blink{
  0%{
    opacity: 1;
  }
  100%{
    opacity: 0;
  }
}
</style>